<template>
    <div class="form-item-label">
        <span>{{ label }}</span>
        <el-tooltip effect="dark" :placement="props.placement">
            <template #content>
                <slot name="content">{{ props.content }}</slot>
            </template>
            <el-icon color="#cccccc" size="16">
                <QuestionFilled />
            </el-icon>
        </el-tooltip>
    </div>
</template>

<script setup lang="ts">
import { withDefaults } from 'vue';
const props = withDefaults(
    defineProps<{
        label: string;
        content: string;
        placement: any;
    }>(),
    { label: '', content: '', placement: 'top' }
);
</script>
